
<div class="clearfix" [ngClass]="customStyle">
  <apes-upload
    apesListType="picture-card"
    [(apesFileList)]="fileList"
    [apesShowButton]="fileList.length < limit"
    [apesPreview]="handlePreview"
    [apesCustomRequest]="customReq"
    [apesRemove]="handleRemove"
    [apesShowUploadList]="handleShowList()"
    [apesMultiple]="true"
    [apesLimit]="limit"
    [apesDisabled]="disabled"
  >
    <div class="picture-card-btn" apes-tooltip [apesTitle]="showLimit()" [apesPlacement]="'top'">
      <i apes-icon apesType="plus"></i>
      <div *ngIf="title" class="ant-upload-text">{{title}}</div>
    </div>
  </apes-upload>
<!--  <apes-modal [apesVisible]="previewVisible" [apesContent]="modalContent" [apesFooter]="null"-->
<!--              (apesOnCancel)="previewVisible = false">-->
<!--    <ng-template #modalContent>-->
<!--      <div style="width: 100%; height: 600px; position: relative">-->
<!--        <img [src]="previewImage" [ngStyle]="{ width: '100%' }"/>-->
<!--        <span (click)="toPie()" class="next-page left-next-page"> < </span>-->
<!--        <span (click)="toNext()" class="next-page right-next-page"> > </span>-->
<!--      </div>-->
<!--    </ng-template>-->
<!--  </apes-modal>-->
</div>
